{% extends 'base.html'%}

{% block content %}
<head>
<script type="text/javascript" src="/my-media/js/jquery.quicksearch.js"></script>
<script type="text/javascript">
		$(document).ready(function () {
			$('table#table_example tbody tr').quicksearch({
				position: 'before',
				attached: 'table#table_example',
				stripeRowClass: ['odd', 'even'],
				labelText: 'Search the members'
			});

		});
	</script>

</head>
<p>You can find all the members here</p>
{% if user.is_authenticated %}
Hello   user: {{user}}
{%else%}
	you can login to add friend
	<a href="/users/login/"  class="current"><b onmouseout="this.style.color = 'black';" onmouseover="this.style.color = '#0BB359';" align="justify">Login</b></a>
{%endif%}





    <table id="table_example" border="0">
<thead>

    <tr><th>UserName</th><th>Userdetail</th></tr>
</thead>
{% for n in alluser %}
<tr>
        <td>{{ n.username }}</td>
        <td>{{ n.date_joined }}</td>
        
{% if user.is_authenticated %}
        <td><a href='/users/fri_request/{{n.username}}?action=add&username={{n.username}}' rel='lyteframe' title='Now viewing request' rev='width: 600px; height: 200px; scrolling: no;'>Add To Friend</a></td>

</tr>
{%endif%}
{%endfor%}
    </table>
   
<div style="clear: both; display: block; padding: 90px 0; text-align:center;">
</div>

{%endblock%}

